<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>文章详情页</title>
	<link rel="stylesheet" href="css/reset.css" />
	<link rel="stylesheet" href="css/wenzhangxiangqingye.css" />
	<link rel="stylesheet" href="iconfont/iconfont.css" />
	<script src="js/rem.js"></script>
</head>
<body>
	<!--头部开始-->
	<header class="wz-header">
		<div class="head-one">
			<a href="index.html"><img src="images/logo.png"/></a>
		</div>
		<span>装修预算</span>
		<div class="head-two">
			<span class="iconfont icon-nav"></span>
			<b>导航</b>
		</div>
	</header>
	<!--头部结束-->
	<!--轮播开始-->
	<div class="wrapLunbo">
		<a href="javascript:;">
			<img src="images/house_info.jpg"/>
		</a>
	</div>
	<!--轮播结束-->
	<!--装修预算注意事项-->
	<div class="wrapZhuyi-wz">
		<div class="zhuyi-one">
			<div class="text-wz">
				房先森/装修攻略/装修预算/正文
			</div>
			<p>装修预算注意事项</p>
			<div class="time-wz">
				<div>
					<span class="iconfont icon-time wz-s1"></span>
					<span>2016-07-07</span>
				</div>
				<div>
					<span class="iconfont icon-view wz-s1"></span>
					<span>115</span>
				</div>
			</div>
		</div>
		<!--标签介绍-->
		<ul class="wrapBiao">
			<li>客厅装修隔断</li>
			<li>客厅装修图</li>
			<li>客厅装修效果</li>
			<li>客厅装修隔断</li>
			<li>客厅装修图</li>
			<li>客厅装修效果</li>
		</ul>
		<!--标签介绍-->
		<!--文字介绍-->
		<div class="textWz">
			导语：在装修时如果没有提前算好装修预算，很容易就造成最后开支过大，添置很多没有必要的增项
			。那么在做预算的时候又有什么需要注意的地方呢？
		</div>
		<!--文字介绍-->
		<!--图片-->
		<div class="imgYusuan">
			<img src="images/yusuan.jpg"/>
		</div>
		<!--图片-->
		<!--按钮-->
		<div class="anNiu">
			点击展开全文
		</div>
		<!--按钮-->
		<!--图标-->
		<ul class="tuBiao">
			<li>
				<div>
					<a href="xie-ping-jia.html"><span class="iconfont icon-pencle tu-s2"></span></a>
				</div>
				<span><a href="xie-ping-jia.html">评价(10)</a></span>
			</li>
			<li>
				<div>
					<span class="iconfont icon-share tu-s2 fen"></span>
				</div>
				<span class="dianji">分享</span>
			</li>
		</ul>
		<!--图标-->
		<div class="anNiu">
			进入装修预算
		</div>
	</div>
	<!--装修预算注意事项-->
	<div class="tiao"></div>
	<div class="zx-wrapShejishi zx-wrapXiaoguo-title">
		<div class="zhuangXiu">
			<b>猜您喜欢</b>
			<span></span>
		</div>
	</div>
	<ul class="zx-wrapGonlue">
		<li>
			<img src="images/2017-09-11_194222.jpg"/>
			<div class="gonLue">
				<div class="gonLue-title">
					房子交付要验房，验房师是做什么的？
				</div>
				<div class="gonLue-time">
					<div>
						<span class="iconfont icon-time s3"></span>
						<span>2016-07-07</span>
					</div>
					<div>
						<span class="iconfont icon-view s4"></span>
						<span>115</span>
					</div>
				</div>
			</div>
		</li>
		<li>
			<img src="images/2017-09-11_194209.jpg"/>
			<div class="gonLue">
				<div class="gonLue-title">
					能让您涨工资的家具风水！
				</div>
				<div class="gonLue-time">
					<div>
						<span class="iconfont icon-time"></span>
						<span>2016-07-07</span>
					</div>
					<div>
						<span class="iconfont icon-view"></span>
						<span>115</span>
					</div>
				</div>
			</div>
		</li>
		<li>
			<img src="images/2017-09-11_194222.jpg"/>
			<div class="gonLue">
				<div class="gonLue-title">
					遇到有这样房子的男人就嫁了吧
				</div>
				<div class="gonLue-time">
					<div>
						<span class="iconfont icon-time"></span>
						<span>2016-07-07</span>
					</div>
					<div>
						<span class="iconfont icon-view"></span>
						<span>115</span>
					</div>
				</div>
			</div>
		</li>
		<li>
			<img src="images/2017-09-11_194209.jpg"/>
			<div class="gonLue">
				<div class="gonLue-title">
					能让您涨工资的家具风水！
				</div>
				<div class="gonLue-time">
					<div>
						<span class="iconfont icon-time"></span>
						<span>2016-07-07</span>
					</div>
					<div>
						<span class="iconfont icon-view"></span>
						<span>115</span>
					</div>
				</div>
			</div>
		</li>
		<li>
			<img src="images/2017-09-11_194222.jpg"/>
			<div class="gonLue">
				<div class="gonLue-title">
					遇到有这样房子的男人就嫁了吧
				</div>
				<div class="gonLue-time">
					<div>
						<span class="iconfont icon-time"></span>
						<span>2016-07-07</span>
					</div>
					<div>
						<span class="iconfont icon-view"></span>
						<span>115</span>
					</div>
				</div>
			</div>
		</li>
	</ul>
	<div class="tiao"></div>
	<!--介绍-->
	<div class="jieShao">
		房先森互联网家装有别于传统公司与其他装修中介平台，以自营模式整合设计师与项目经理，杜绝项目转外包，
		利用互联网将工地进行在线全景直播，通过去中间环节，提供装修套餐+个性化定制服务。
	</div>
	<div class="tiao"></div>
	<!--介绍-->
	<!--联系方式-->
	<div class="wrapLianxi">
		<p>
			<span class="iconfont icon-hot-line s5"></span>
			服务热线：400-9977-658
		</p>
		<div class="lianXi-one">
			<span>触屏版</span>
			<span>电脑版</span>
			<span><a href="guan-yu-wo-men.html">关于我们</a></span>
			<span><a href="lian-xi-wo-men-ditu.html">联系我们</a></span>
		</div>
		<div class="huiDao">
			<span class="iconfont icon-top s6"></span>
		</div>
	</div>
	<!--联系方式-->
	<!--广告-->
	<div class="guangGao">
		<img src="images/guanggao.jpg"/>
	</div>
	<!--广告-->
	<div class="wrapFenxiang"> 
		<div class="fenXiang">
			<ul>
				<li>
					<img src="images/icon_weibo.png"/>
					<span>新浪微博</span>
				</li>
				<li>
					<img src="images/icon_tx.png"/>
					<span>腾讯微博</span>
				</li>
				<li>
					<img src="images/icon_qzone.png"/>
					<span>QQ空间</span>
				</li>
			</ul>
			<div class="btnQuxiao">
				取消
			</div>
		</div>
	</div>
</body>
<script>
	var btn = document.querySelector('.dianji');
	var btn2 = document.querySelector('.fen');
	var fenXiang = document.querySelector('.wrapFenxiang');
	var quXiao = document.querySelector('.btnQuxiao');
	btn.onclick=function(){
		fenXiang.style.display="block";
	}
	btn2.onclick=function(){
		fenXiang.style.display="block";
	}
	quXiao.onclick=function(){
		fenXiang.style.display="none";
	}
</script>
</html>